<div id="container"  @myInsertRemoveTrigger *ngIf="change" [hidden]="!hide" draggable="true">
  <div class="top">
    <div><label>修改个人资料</label></div>
    <span class="spanOne" (click)="close()"><i class="iconfont icon-guanbi"></i></span>
    <span class="spanThree" (click)="toSmall($event)"><i class="iconfont icon-suoxiao"></i></span>
  </div>
  <div class="title">
    <p>用户信息</p>
  </div>
  <div class="user">
      <div class="left"><img src="../../../assets/images/photo3.jpg">
      </div>
      <div class="middle">
        <div>
          <span class="span">用户ID</span><span class="spans">{{info.emp_no.code}}</span>
        </div>
        <div>
          <span class="span">部门</span><span class="spans">{{info.emp_no.dept.name}}</span>
        </div>
        <div>
          <span class="span">权限</span><span class="spans">{{info.emp_no.position.name}}</span>
        </div>
      </div>
      <div class="right">
        <div>
          <span class="span">姓名</span><span class="spans">{{info.emp_no.name}}</span>
        </div>
        <div>
          <span class="span">性别</span><span class="spans">{{info.emp_no.sex}}</span>
        </div>
  
        <div>
          <span class="span">生日</span><span class="spans">{{info.emp_no.birth | date:'yyyy-MM-dd'}}</span>
        </div>
  
      </div>
    </div>
  <div class="title">
    <p>联系方式</p>
  </div>
  <div class="bottom">
      <div>
        <label>E-mail</label><input type="text" name="email" [(ngModel)]="data.email">
      </div>
      <div>
        <label>手机</label><input type="text" name="phone" [(ngModel)]="data.phone">
      </div>
      <div>
        <label>通信地址</label><input type="text" name="address" [(ngModel)]="data.address">
      </div>
    </div>
  

  <div class="button">
    <button class="btn-save" (click)="save()">保存</button>
    <button class="btn-back" (click)="back()">返回</button>
  </div>
</div>
